<!DOCTYPE html>
<html>
    <head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
    <title>TEST</title>
    <style type="text/css">
        @font-face {
            font-family: 'myahem';
            src: url(Ahem.ttf);
        }
        body {
            font-size: 8px;
            font-family: 'myahem';
        }
        div{
            padding:10px;
            margin:10px;
            border:skyblue solid 2px;
            float:left;
        }
        #img1{
            width:180px;
            height:250px;
        }
        #div1{
            width:620px;
            height:300px;
        }
        #div2{
            width:180px;
            height:250px;
        }
        #div3{
            width:230px;
            height:250px;
        }
        #div4, #div5{
            width:190px;
            height:30px;
        }
        #div6{
            width:190px;
            height:70px;
        }
        #div7{
            width:75px;
            height:250px;
        }
    </style>
    </head>
    <body>
        <div id="div1">
            <div id="div2"><img id="img1"></div>
            <div id="div3">
                <div id="div4">Air conditioner</div>
                <div id="div5">Price 10,000,000won</div>
                <div id="div6">Specification
                    <br>Cooling capacity : High
                    <br>Power: high
                </div>
            </div>
            <div id="div7"><b>Ad</b></div>
        </div>
    </body>
</html>
